<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="container">
		<div class="field">
			<div class="left">
				<span class="halfway-line"></span>
				<span class="centre-circle"></span>
				<span class="centre-mark"></span>
				<span class="penalty-area"></span>
				<span class="penalty-mark"></span>
				<span class="penalty-arc"></span>
				<span class="goal-area"></span>
				<span class="corner-arc"></span>
			</div>
			<div class="right">
				<span class="halfway-line"></span>
				<span class="centre-circle"></span>
				<span class="centre-mark"></span>
				<span class="penalty-area"></span>
				<span class="penalty-mark"></span>
				<span class="penalty-arc"></span>
				<span class="goal-area"></span>
				<span class="corner-arc"></span>
			</div>
		</div>
	</div>
</body>
</html>